<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<style type="text/css">
    .comment-holder {
        min-height: 200px;
    }
    .header-page{
        float: right;
        line-height: 36px;
    }
    .paging-box {
        font-size: 20px;
    }
    .result {
        padding-right: 10px;
    }
    .disabled {
        display: none;
    }
    .current {
        color: #00a1d6;
        font-weight: 700;
    }
    .paging-box .next,.paging-box .tcd-number{
        color: #222;
        cursor: pointer;
        text-align: center;
        margin: 0 4px;
        text-decoration: none;
        line-height: 26px;
    }
    .tabs-order {
        font-size: 40px;
        font-family: "宋体";
        margin-left: 300px;
       
    }
    textarea {
        color: #00a1d6;
        text-align: start;
        background-color: #f4f5f7;
        cursor: text;
        font: 16px Arial;
        border-width: 1px;
        border-style: solid;
        border-color: black;
        border-radius: 2px;
    }
img{
    float: left;
    height: 100px;
    font-size: 30px;
    width: 95px;
}
.button1{
    float: right;
    height: 112px;
    width: 80px;
    background-color: #00a1d6;
    border: 1px solid #00a1d6;
    border-radius: 4px;
    font-size: 23px;
    text-align: center;
}
.con{
    margin-left: 300px;
    height: 60px;
}
.b{
    font-size: 16px;
    height: 30px;
    width: 60px;
    border: 1px solid #cccccc;
    border-radius: 3px;
}
.user{
   margin-top: 50px;
    height:20px
}
.time{
    margin-left: 200px;
}
.textarea1{
    border-color: #FFFFFF;
    background-color:#f4f5f7;
}
.s1{
    float: left;
    height: 100px;
    width: 95px;
    font-size: 30px;
}
.info{
    magin-top:20px;
    margin-left: 600px;

}
</style>
<body>
<div style="height: 100px;width: 800px;"></div>
<div class="comment-holder" style="position: relative;">
    <div style="width: 300px; height: 100px"></div>
    <div class="tabs-order">
       我要留言：
    </div>
<div class="header-page paging-box" style="position:center; width: 600px; height: 900px">
    <span class="result">共两页</span>
    <span class="disabled">上一页</span>
    <span class="current">1</span>
    <a href="" class="tcd-number">2</a>
    <a href="" class="next">下一页</a>
</div>

</div>
<div style="margin-left: 300px; height: 100px;width: 800px">
    <img src="${pageContext.request.contextPath }/websources/ly1.png">
    <textarea cols="63" name="msg" rows="6" placeholder="发条友善的评论"></textarea>
    <button class="button1" type="submit" />发表评论
</div>
<div class="">
    <div class="con">
        <div class="user">
            <span class="s1">user1:</span>  <textarea class="textarea1" cols="63" name="msg" rows="3" ></textarea>
        </div>
    </div>
    <div class="info">
        <span class="time">2020-9-19</span>
        <span class="like"><button class="b" type="button">点赞</button> </span>
    </div>
    <div class="con">
        <div class="user">
            <span class="s1">user1:</span>  <textarea class="textarea1" cols="63" name="msg" rows="3" ></textarea>
        </div>
    </div>
    <div class="info">
        <span class="time">2020-9-19</span>
        <span class="like"><button class="b" type="button">点赞</button> </span>
    </div>
    <div class="con">
        <div class="user">
            <span class="s1">user1:</span>  <textarea class="textarea1" cols="63" name="msg" rows="3" ></textarea>
        </div>
    </div>
    <div class="info">
        <span class="time">2020-9-19</span>
        <span class="like"><button class="b" type="button">点赞</button> </span>
    </div>
</div>
</body>
</html>
